<template>
	<view class="hotProduct">
		<view class="hotProduct_Title">
			<view class="hotProduct_Title_name">
				热门发现
			</view>
		</view>
		<view class="hotProduct_Content">
			<template v-for="(item,index) in searchKeys">
				<searchResultItem :key="index" :searchKeys="item"></searchResultItem>
			</template>
		</view>
	</view>
</template>

<script>
	import vanIcon from '@/wxcomponents/vant/@vant/icon'
	import searchResultItem from '@/packageA/components/search/searchResultItem.vue'
	export default{
		data(){
			return{
				searchKeys:['哈哈哈','啦啦啦','啦啦啦','啦啦啦','啦啦啦','hsfkdshakfhsdfkhsdfkhsdkfha']
			}
		},
		components:{
			vanIcon,searchResultItem
		}
	}
	
</script>

<style lang="less">
	.hotProduct{
		width: 100%;
		.hotProduct_Title{
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			box-sizing: border-box;
			padding: .8rem;
			.hotProduct_Title_name{
				font-size: 18px;
				font-weight: 500;
			}
		}
		.hotProduct_Content{
			box-sizing: border-box;
			padding: .9rem;
			display: flex;
			justify-content: start;
			align-items: center;
			flex-flow: row wrap; 
		}
	}
</style>